import React from 'react';
import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
import Icon from '@ant-design/icons';

const WarnSvg = () => (
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5C17.799 22.5 22.5 17.799 22.5 12ZM12.75 6.00045V14.25H11.25V6.00045H12.75ZM11.0914 16.5H12.8914V18.3H11.0914V16.5Z"
      fill="#FF571E"
    />
  </svg>
);

const WarnIcon = (props: Partial<CustomIconComponentProps>) => {
  return <Icon component={WarnSvg} {...props} />;
};

export default WarnIcon;
